<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../../myplugin/panelList/css/panelList.css"/>


    <script type="text/javascript" src="../../jquery/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="../../myplugin/panelList/panelList.js"></script>
    <script type="text/javascript">
        $(function(){
            var panelList = new F_panelList($('#testList'),{
                id:1,
                items:[
                    {idField:'1-1',content:$('#testDiv'),detail:$('#testDetail')},
                    {idField:'1-1',content:$('#testDiv2'),detail:$('#testDetail2')},
                    {idField:'1-1',content:$('#testDiv3'),detail:$('#testDetail3')}
                ]
            });
        });


    </script>
</head>
<body>
    <ul id="testList">

    </ul>

    <div id="testDiv">
        testDiv -- content`34
    </div>
    <div id="testDetail">
        testDiv -- detail
    </div>
    <div id="testDiv2">
        testDiv -- content`34
    </div>
    <div id="testDetail2">
        testDiv -- detail
    </div>
    <div id="testDiv3">
        testDiv -- content`34
    </div>
    <div id="testDetail3">
        testDiv -- detail
    </div>
</body>
</html>